<html>
<head>
<title>Card Generator</title>
<style type="text/css">
.font14b{
	font-size:14px;
	font-weight:bold;
	font-family: "Courier New",Courier, monospace;
}
.font14{
	font-size:14px;
	font-weight:normal;
	font-family: "Courier New",Courier, monospace;
}
.font12{
	font-size:12px;
	font-weight:normal;
	font-family: "Courier New",Courier, monospace;
}
.font10{
	font-size:10px;
	font-weight:normal;
	font-family: "Courier New",Courier, monospace;
}
.underline{
	border-bottom: thin solid #000;
}
.border{
	border: thin solid #000;
}
.left {
	float:left;
}
div{
	margin-left:0px;
	margin-top:2px;
	line-height: 15px;
	height: 15px;
}
.break { page-break-before: always; }
</style>

</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type='text/javascript' src='underscore-min.js'></script>
<script type='text/javascript' src='helper.js'></script>
<script type='text/javascript' src='cardGenerator.js'></script>

<script type='text/javascript'>
var data = [{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"qwertyuiopasdfgasdadeqe","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
,{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
,{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
,{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
,{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
,{"ScientificName" : "Isoetes melanopoda","Kingdom":"Plantae","Phylum":"Lycopodiophyta","Class":"Lycopodiopsida","Order":"Isoetales","Family":"Isoetaceae","Genus":"Isoetes","State":"Louisiana","County":"Calcasieu","Locality":"Collected in low undrained area 1 mile west of McNeese campus on Archard St.","VerbatimLatitude":"","VerbatimLongitude":"","Collector#":"817","Collector":"J. H. Brooks & R. S. Maples","DateCollected":"3/11/1971","Image":"http://images.cyberfloralouisiana.com/images/specimensheets/mcn/0/0/0/1/MCN00000001.jpg"
}
];


var templateFront = 
[
[{key : {text:"HERBARIUM"}, value : {text:""}, align:"center", percent:100}]
,[{key : {text:"NORTHEAST LOUISIANA UNIVERSITY, MONROE"}, value : {text:""}, align:"center", percent:100}]
,[{key : {text:"Flora of "}, value : {text:"State"}, align:"left", percent:50},{key : {text:"Parish: "}, value : {text:"County"}, align:"right", percent:50}]
,[{key : {text:""}, value : {text:"ScientificName"}, align:"left", percent:100}]
,[{key : {text:""}, value : {text:"Locality"}, align:"left", percent:100, lines:2}]
,[{key : {text:""}, value : {text:"VerbatimLatitude"}, align:"left", percent:30},{key : {text:""}, value : {text:"VerbatimLongitude"}, align:"left", percent:70}]
,[{key : {text:"Collector: "}, value : {text:"Collector"}, align:"left", percent:100}]
,[{key : {text:"No.: "}, value : {text:"Collector#"}, align:"left", percent:50},{key : {text:"Date: "}, value : {text:"DateCollected",class:"underline"}, align:"right", percent:50}]
];
var templateBack = 
[
[{key : {text:"HERBARIUM"}, value : {text:"",class:"underline"}, align:"center", percent:100}]
,[{key : {text:"NORTHEAST LOUISIANA UNIVERSITY, MONROE"}, value : {text:""}, align:"center", percent:100}]
];

/*
var template = 
'                      HERBARIUM                             ' +
'			NORTHEAST LOUISIANA UNIVERSITY, MONROE           ' +
'	Flora of {#State}                     Parish: {#County}  ' +
'	{#ScientificName} {#Author}                              ' +
'	{#Locality}                                              ' +
'	{#VerbatimLatitude} {#VerbatimLongitude}                 ' +
'	Collector: {#Collector}                                  ' +
'	No.: {#Collector#}               Date : {#DateCollected} ';
*/

var card = new Card({ data: data, templateFront:templateFront, templateBack : templateBack, width: "5in", height: "2in" });
var output = card.renderPage();

//console.log(card.card);
//card.createCard();
//var output = card.getCard();

document.write('<pre>');
document.write(output);
//document.write('<div style="width:1in; height:1in; border: thin solid #000; padding: 0px;"><div class="font14">12345678901234</div></div>');

</script>

</body>
</html>